.edit_post_container {
  width: 100%;
  height: 100%;
  padding: 30rpx 10rpx;

  .textarea-container {
    padding: 0 6rpx;

    ::v-deep .u-textarea-class {
      min-height: 25vh;
    }
  }

  .image-upload-container {
    padding: 40rpx 30rpx;

    ::v-deep .u-list-item {
      width: 160rpx !important;
      height: 160rpx !important;
    }
  }

  .menu-container {
    padding: 10rpx 30rpx;

    .menu-item {
      width: 100%;
      height: 110rpx;
      display: flex;
      flex-direction: row;
      padding: 0 20rpx;
      border-top: 1rpx solid #f1f1f1;
      font-size: 28rpx;
      color: #333;
      line-height: 110rpx;

      .title-icon {
        flex-shrink: 0;
        font-size: 36rpx;
        line-height: 110rpx;
      }

      .title-text {
        margin-left: 24rpx;
      }

      .tag {
        width: fit-content;
        height: 50rpx;
        margin: auto 0 auto auto;
        padding: 0 20rpx;
        flex-shrink: 0;
        background-color: #f1f1f1;
        color: #333;
        font-size: 26rpx;
        text-align: center;
        line-height: 50rpx;
        border-radius: 50rpx;
      }

      &:last-child {
        border-bottom: 1rpx solid #f1f1f1;
      }
    }
  }

  .button-container {
    width: 100%;
    height: 90rpx;
    padding: 0 50rpx;
    position: fixed;
    bottom: 80rpx;

    .btn__default {
      width: 100%;
      height: 100%;
      background-color: #f4756b;
      border-radius: 100rpx;
      text-align: center;
      color: #fff;
      line-height: 90rpx;
      transition-property: opacity;
      transition-duration: 500ms;
    }

    .btn__available {
      opacity: 1;
    }

    .btn__unavailable {
      opacity: 0.3;
    }
  }
}